﻿
<div class="messageDropDown">
    <Dropdown  Placement="@PlacementType.BottomRight"  Trigger="@(new TriggerType[] { TriggerType.Click })" >
	<Overlay>
        <div class="listClass"> <AntList   DataSource="@data" TItem="BasicItem" OnItemClick="ItemClick">
    <ListItem>
        <ListItemMeta Avatar="avatar" Description="Ant Design, a design language for background applications, is refined by Ant UED Team">
            <TitleTemplate>
                <a href="https://ng.ant.design">@context.Title</a>
            </TitleTemplate>
        </ListItemMeta>
    </ListItem>
</AntList></div>
		
	</Overlay>
   <ChildContent>
       <div style="display:flex">
                  <Badge Count="5">
        <Icon Type="bell" Style="font-size:24px" Theme="outline"/>
		</Badge>
       </div>

		
	</ChildContent>
</Dropdown>

</div>

@code{

     RenderFragment avatar = @<Avatar Src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></Avatar>;
}